@import "../base"

.user_wish
  display: flex
  flex-direction: column
  color: $font_color_title
  text-align: center

  li
    background: #525151

    &:hover
      background: #696868

  .wishList
    display: flex
    flex-direction: column

    .wishCart
      display: flex
      flex-direction: row
      color: $font_color_title
      justify-content: space-around
      align-items: center

      input[type='checkbox']
        width: $font_size
        border: 10px solid #4d2020
        padding: 10px

  .wishListDel
    font-size: 50px
    color: #9a6363


    &:before
      content: '⨷'

    &:hover
      content: '⨷'
      color: #f65e5e

  .buttonList
    display: flex
    flex-direction: row
    color: $font_color_title
    text-align: center


    .AddToOrder
      margin-left: auto
      padding: 20px
      width: 200px
      font-size: $font_size
      background: #556e6e

      &:hover
        background: #85d0d0
